$(function () {
    //   推荐
    $('.main_box_ul .item:eq(0)').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        article()
        const index = $(this).index()
        $('.box-list').eq(index).removeClass('hide-list').addClass('show').siblings().addClass('hide-list')
    })

    // 资讯
    $('.main_box_ul .item:eq(1)').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        const text = $(this).text()
        $.get('/my/info/list', {
            text
        }).then(res => {
            if (res.status == 1 && res.message === 'token失效或错误') {
                location.href = '/login.html'
            }
            $('#zi-xun').html(template('tmp-zi-xun', {
                data: res.data
            }))
        })
        article()
        const index = $(this).index()
        $('.box-list').eq(index).removeClass('hide-list').addClass('show').siblings().addClass('hide-list')
    })
    // 最新
    $('.main_box_ul .item:eq(2)').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        article()
        const index = $(this).index()
        $('.box-list').eq(index).removeClass('hide-list').addClass('show').siblings().addClass('hide-list')
    })
    // 区块链
    $('.main_box_ul .item:eq(3)').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        const text = $(this).text()
        $.get('/my/info/list', {
            text
        }).then(res => {
            if (res.status == 1 && res.message === 'token失效或错误') {
                location.href = '/login.html'
            }
            $('#qukuai-lian').html(template('tmp-qukuai-lian', {
                data: res.data
            }))
        })
        article()
        const index = $(this).index()
        $('.box-list').eq(index).removeClass('hide-list').addClass('show').siblings().addClass('hide-list')
    })

    // 人工智能
    $('.main_box_ul .item:eq(4)').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        const text = $(this).text()
        $.get('/my/info/list', {
            text
        }).then(res => {
            if (res.status == 1 && res.message === 'token失效或错误') {
                location.href = '/login.html'
            }
            $('#rengzn').html(template('tmp-rengzn', {
                data: res.data
            }))
        })
        article()
        const index = $(this).index()
        $('.box-list').eq(index).removeClass('hide-list').addClass('show').siblings().addClass('hide-list')
    })
    // 云计算/大数据
    $('.main_box_ul .item:eq(5)').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        $.get('/my/info/list', {
            text: '云计算/大数据'
        }).then(res => {
            if (res.status == 1 && res.message === 'token失效或错误') {
                location.href = '/login.html'
            }
            article()
            $('#shuju').html(template('tmp-shuju', {
                data: res.data
            }))
        })
        const index = $(this).index()
        $('.box-list').eq(index).removeClass('hide-list').addClass('show').siblings().addClass('hide-list')
    })

    // 前端开发
    $('.main_box_ul .item:eq(6)').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        $.get('/my/info/list', {
            text: '前端开发'
        }).then(res => {
            if (res.status == 1 && res.message === 'token失效或错误') {
                location.href = '/login.html'
            }
            $('#qianduan').html(template('tmp-qianduan', {
                data: res.data
            }))
        })
        article()
        const index = $(this).index()
        $('.box-list').eq(index).removeClass('hide-list').addClass('show').siblings().addClass('hide-list')
    })

    // 后端开发
    $('.main_box_ul .item:eq(7)').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        $.get('/my/info/list', {
            text: '后端开发'
        }).then(res => {
            if (res.status == 1 && res.message === 'token失效或错误') {
                location.href = '/login.html'
            }
            article()
            $('#houduan').html(template('tmp-houduan', {
                data: res.data
            }))
        })
        const index = $(this).index()
        $('.box-list').eq(index).removeClass('hide-list').addClass('show').siblings().addClass('hide-list')
    })

    // 移动互联
    $('.main_box_ul .item:eq(8)').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        article()
        const index = $(this).index()
        $('.box-list').eq(index).removeClass('hide-list').addClass('show').siblings().addClass('hide-list')
    })

    // 工具资源
    $('.main_box_ul .item:eq(9)').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        const text = $(this).text()
        $.get('/my/info/list', {
            text
        }).then(res => {
            if (res.status == 1 && res.message === 'token失效或错误') {
                location.href = '/login.html'
            }
            article()
            $('#gongju').html(template('tmp-gongju', {
                data: res.data
            }))
        })
        const index = $(this).index()
        $('.box-list').eq(index).removeClass('hide-list').addClass('show').siblings().addClass('hide-list')
    })

    // 职场生活
    $('.main_box_ul .item:eq(10)').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        $.get('/my/info/list', {
            text: '职场生活'
        }).then(res => {
            if (res.status == 1 && res.message === 'token失效或错误') {
                location.href = '/login.html'
            }
            article()
            $('#zhichang').html(template('tmp-zhichang', {
                data: res.data
            }))
        })
        const index = $(this).index()
        $('.box-list').eq(index).removeClass('hide-list').addClass('show').siblings().addClass('hide-list')
    })

    // 幽默段子
    $('.main_box_ul .item:eq(11)').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        $.get('/my/info/list', {
            text: '幽默段子'
        }).then(res => {
            if (res.status == 1 && res.message === 'token失效或错误') {
                location.href = '/login.html'
            }
            article()
            $('#youmo-duanzi').html(template('tmp-youmo-duanzi', {
                data: res.data
            }))
        })
        const index = $(this).index()
        $('.box-list').eq(index).removeClass('hide-list').addClass('show').siblings().addClass('hide-list')
    })

    // 其他
    $('.main_box_ul .item:eq(12)').on('click', function () {
        $(this).addClass('active').siblings().removeClass('active')
        console.log($(this).text());
        $.get('/my/info/list', {
            text: '其它'
        }).then(res => {
            if (res.status == 1 && res.message === 'token失效或错误') {
                location.href = '/login.html'
            }
            console.log(res)
            article()
            $('#qita').html(template('tmp-qita', {
                data: res.data
            }))
        })
        const index = $(this).index()
        $('.box-list').eq(index).removeClass('hide-list').addClass('show').siblings().addClass('hide-list')
    })

    article()
    // 获取作者推荐
    function article() {
        $.get('/my/article').then(res => {
            if (res.status == 1 && res.message === 'token失效或错误') {
                location.href = '/login.html'
                return layer.msg('token失效或错误')
            }
            $('.personList').html(template('article-tmp', {
                data: res.data
            }))
        })
    }
    // 头部搜索
    const height = $('.nav-search-box').height()
    $('.input-search').addClass('hide')
    $('.nav-search-box').css({
        height: 0
    })
    $('.search-box').on('click', function () {
        $(this).find('a .fang-djing').hide()
        $('.input-search').show().find('.nav-search-box').show().animate({
                height
            },
            100)
        $('.nav-search-input').focus()
    })
    $('.nav-search-input').on('blur', function () {
        $('.nav-search-box').css({
            height: 0
        })
        $('.input-search').hide()
        $('.fang-djing').show()
    })
    // 头部头像
    $('#personal-center').mouseenter(function () {
        $('#header-avator img').addClass('red')
        $('.g-user-card').show()
    })
    $('#personal-center').mouseleave(function () {
        $('#header-avator img').removeClass('red')
        $('.g-user-card').hide()
    })

    // 移入文章作者显示详情
    const H = 340

    function removeClass(e) {
        e.removeClass('autograph-top').removeClass('autograph-left').removeClass('autograph-bottom')
        e.hide()
    }
    let id, dl
    $('.list-boxr').on('mouseover', '.list-option .name-box', function (event) {
        if (id !== null && dl === this) {
            clearTimeout(id)
            return
        } else {
            if (dl) {
                clearTimeout(id)
                const e = $(dl).parents('.list-option').find('.autograph')
                removeClass(e)
            }
            dl = this
            const e = $(this).parents('.list-option').find('.autograph')
            const h = $(this).offset().top
            const s = $(document).scrollTop()
            const x = h - s
            if (x > H) {
                e.addClass('autograph-top')
            } else if (window.innerHeight - x > H) {
                e.addClass('autograph-bottom')
            } else {
                e.addClass('autograph-left')
            }
            e.show()
        }
    })
    $('.list-boxr').on('mouseleave', '.autograph,.name-box', function (event) {
        const e = $(dl).parents('.list-option').find('.autograph')
        id = setTimeout(() => {
            removeClass(e)
            id = null
            dl = null
        }, 500)
    })
    $('.list-boxr').on('mouseover', '.autograph', function () {
        if (id !== null) {
            clearTimeout(id)
        }
    })
})

//侧边栏
$('#J_GotoTop').children('a').hover(function () {
    $(this).find('span').show().siblings('span').hide()
    $(this).find('i').hide()
}, function () {
    $(this).find('span').hide()
    $(this).find('i').show()
})
$('.xiazai').hover(function () {
    $(this).find('.elevator-app-box').stop().slideDown()
}, function () {
    $(this).find('.elevator-app-box').stop().slideUp()
})
$('.weixin').hover(function () {
    $(this).find('.elevator-weixin-box').stop().slideDown()
}, function () {
    $(this).find('.elevator-weixin-box').stop().slideUp()
})

$('.icon_up').hide()
$(window).scroll(function () {
    var top = $('html,body').scrollTop()
    if (top >= 1100) {
        $('.icon_up').show()
    } else {
        $('.icon_up').hide()
    }
})
$(window).scroll()
$('.icon_up').on('click', function () {
    $('html,body').animate({
        scrollTop: 0
    }, 300)
})

//底部
$('.tao').hover(function () {
    $('.footer_sns_favorites_tips').show()
}, function () {
    $('.footer_sns_favorites_tips').hide()
})
$('.icon_weixin').hover(function () {
    $('.footer_sns_weixin_expand').show()
}, function () {
    $('.footer_sns_weixin_expand').hide()
})
// $('.article-box').on('mouseenter', '.article-lwrap', function () {
//     $(this).find('.collect').show()
// })
// $('.article-box').on('mouseleave', '.article-lwrap', function () {
//     $(this).find('.collect').hide()
// })

//慕课专栏固定
// var recommended_author = $('.recommended_author').offset().top + $('.recommended_author').height()
// $(Window).scroll(function () {
//     var top = $('html, body').scrollTop()
//     if (top >= 1200) {
//         $('.column_recommend').addClass('fixed')
//     } else {
//         $('.column_recommend').removeClass('fixed')
//     }

const layer = layui.layer
// 头像数据渲染
$.get('/my/userinfo').then(res => {
    if (res.status == 1 && res.message === 'token失效或错误') {
        location.href = '/login.html'
    }
    const {
        nickname,
        avatar
    } = res.data
    if (nickname) {
        $('#name').text(nickname)
    }
    if (avatar.startsWith('/upload')) {
        $('.avator-mode-big, .avator').attr('src', 'http://127.0.0.1:3000' + avatar)
    } else {
        $('.avator-mode-big, .avator').attr('src', avatar)
    }
})

// 退出登入
$('.card-sets a').on('click', function () {
    layer.confirm('你确定要退出吗', {
        title: '提示',
        icon: 3
    }, index => {
        location.href = '/login.html'
        localStorage.removeItem('BIG_EVENT_TOKEN')
        layer.close(index)
    })
})


// 文章列表
$.get('/my/info').then(res => {
    if (res.status == 1 && res.message === 'token失效或错误') {
        location.href = '/login.html'
    }
    $('#tui-jian').html(template('tmp-article-wrapper', {
        data: res.data
    }))
})